<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta name="description" content="">
    	<meta name="author" content="">

    	<title>Nice Quotes | Home Page</title>

    	<!--styles -->
    	<link href="css/bootstrap.css" rel="stylesheet">
    	<link href="css/bootstrap-responsive.css" rel="stylesheet">
    	<link href="css/main.css" rel="stylesheet">

    	<!--scripts-->
    	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    	<script src="js/bootstrap.min.js"></script>
    	<script src="http://static.hostvn.net/js/cufon-yui.js"></script>
    	<script src="http://static.hostvn.net/js/UTM_Avo_400.font.js"></script>
    	<script src="js/main.js"></script>
	</head>
	<body>
		<!--header-->
<div class="navbar">
              <div class="navbar-inner">
                <div class="container"><div class="span12">
                  <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </a>
                  <div class="logo" style="float: left;">
						          <a href="home.html">
						          	<img src="img/logo.png"/>
						          </a>
				          </div>
                  <div class="nav-collapse navbar-responsive-collapse in collapse" style="height: auto;">
                    <ul class="nav">
                      <li class="divider-vertical"></li>
                      <li><a href="list.html">Popular</a></li>
                      <li class="divider-vertical"></li>
                      <li><a href="#">Recent</a></li>
                      <li class="divider-vertical"></li>
                      <li><a href="#">New</a></li>
                      <li class="divider-vertical"></li>
                      <li><a href="#">Friends</a></li>
                      <li class="divider-vertical"></li>
                      <li class="dropdown avatar">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <img class="img-circle" src="img/avatar.jpg"/>	Pisun2<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>
                      <li class="divider-vertical"></li>
                    </ul>
                    <form action="" class="navbar-search pull-left">
                      <input type="text" placeholder="Search" class="search-query span2">
                    </form>
                    <ul class="nav pull-right">
                      <!--<li><button class="btn btn-primary" type="button">Login with Facebook</button></li>-->
                    </ul>
                  </div><!-- /.nav-collapse -->
                </div></div>
              </div><!-- /navbar-inner -->
            </div>
		<!--end header-->